<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			p{
				width: 400px;
				height: 400px;
				background-color: white;
				font-size: 80px;
				color: red;
				border-radius: 100%;
				/*color: white;*/
				/*text-shadow: 0 0 3px #FFF0000,0 0 5px #0000FF;*/
				box-shadow: 0px 0px 100px 60px yellow inset;
				/*text-shadow: 0 0 3px #FFF0000;*/
			}
			body{
				background-color: blue;
			}
			.show{
				margin: 80px;
				width: 300px;
				height: 80px;
				text-align: center;
				line-height: 80px;
				border: 1px solid #eee;
				border-radius: 3px;
				
			}
			.show:hover{
				box-shadow: 0 0 5px #0000cc;
			}
		</style>
	</head>
	<body>
		<!--<p>阴影效果</p>
		<div class="show">
			<a href="#">在我上面悬停</a>
		</div>-->
		<p></p>
	</body>
</html>
